<template>
	<view id="myView"><!-- 组件的注册要只有一个根元素 -->
		这是test组件{{num}}
		这是父组件（main.vue)传递过来的数据{{title}}
		<button @click="sendNum">给父组件传值</button>
	</view>
</template>

<script>
	export default {
		name:"test",
		data() {
			return {
				num:3
			};
		},
		props:['title'],/* 子组件接收 */
		methods:{
			sendNum(){
				console.log('给父组件传值')
				this.$emit('myEven',this.num)
			}
		},
		beforeCreate() {
			console.log('beforeCreate','实例已经开始初始化了'),
			console.log(this.num)/* 实例已经初始化了，但是数据还没有初始化 */
		},
		created() {
			/* 用来初始化数据 */
			console.log('creat',this.num)/* 可以打印num，数据和方法都可以拿到 */
		},
		beforeMount() {
			/* 该组件还没有渲染到页面上，所以，后面是null */
			console.log('beforeMount')
			/* console.log('beforeMount',document.getElementById('myView')) */
			/* 在挂载开始之前被调用，只能在浏览器中测试，因为小程序没有这个属性 */
		},
		mounted() {
			/* 用来操作dom */
			/* 可以获取dom元素，也就是document.getElementById('myView') */
			// console.log('mounted',document.getElementById('myView'))
		},
		destroyed() {
			/* 用来释放该组件的资源，例如停止定时器 */
			console.log('destroyed')
		}
	}
</script>

<style>

</style>